<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <link rel="stylesheet" href="../../css/base0.css">
    <title>我的优惠卷</title>
    <style media="screen">
      html body{
        width: 100%;
        height: 100%;
        background-color: #ffffff;
      }
      .main{
        width: 95%;
        height: 100%;
        margin: auto;
        margin-top: .18rem;
      }
      .model_1{
        width: 100%;
        height: 2.56rem;
        background: url(../../image/y_1.png)no-repeat;
        background-size: 100% 100%;
        display: flex;
      }
      .model_2{
        width: 100%;
        height: 2.56rem;
        background: url(../../image/y_2.png)no-repeat;
        background-size: 100% 100%;
        display: flex;
      }
      .model_1_1{
        width: 2.3rem;
        height: 2.56rem;
        text-align: center;
      }
      .model_1_2{
        width: 5.16rem;
        height: 2.56rem;
        padding-left: .2rem;
      }
      .model_1_1_title{
        width: auto;
        height: .28rem;
        font-size: .28rem;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: .28rem;
        margin-top: .76rem;
      }
      .model_1_1_msg{
        width: auto;
        height: .24rem;
        font-size:  .24rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height:  .24rem;
        margin-top: .5rem;
      }
      .model_1_1_title1{
        width: .9rem;
        height: .5rem;
        font-size: .50rem;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: .50rem;
        display: inline-block;
      }
      .model_1_1_msg1{
        display: inline-block;
      }
      .model_1_2_title{
        margin-top: .86rem;
        width: auto;
        height: .36rem;
        font-size: .36rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #2E2E2E;
        line-height: .36rem;

      }
      .model_1_2_time{
        margin-top: .22rem;
        width: auto;
        height: .24rem;
        font-size: .24rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #7F7F7F;
        line-height: .24rem;
      }
      .model_1_2_time1{
        display: inline-block;
      }

      .model_1_2_1{
        width: 100%;
        height: .44rem;
        display: flex;
        margin-top: .32rem;
        justify-content: flex-end;
      }
      .model_1_2_old{
        width: 1.1rem;
        height: .44rem;
        background: #F0F1F2;
        border-radius: .22rem;
        border: .01rem solid #595959;
        margin-right: .38rem;
        text-align: center;
        line-height: .44rem;
        font-size: .24rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #595959;
      }
      .model_1_2_title_old{
        margin-top: .1rem;
        width: auto;
        height: .36rem;
        font-size: .36rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #2E2E2E;
        line-height: .36rem;
      }


      .model_1_1_baoyou{
        width: auto;
        height: .50rem;
        font-size: .50rem;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 2.56rem;
      }
    </style>
  </head>
  <body>
    <div class="main">
      <div class="model_1">
          <div class="model_1_1">
              <div class="model_1_1_title">¥
                <div class="model_1_1_title1">
                  200
                </div>
              </div>
              <div class="model_1_1_msg">满¥
                <div class="model_1_1_msg1">
                  600
                </div>
                <div class="model_1_1_msg1">
                  可用
                </div>
              </div>
          </div>
          <div class="model_1_2">
            <div class="model_1_2_1">

            </div>
              <div class="model_1_2_title_old">
                全场通用优惠券
              </div>
              <div class="model_1_2_time">
                有效期
                <div class="model_1_2_time1">
                  2019.07.09-2019.08.09
                </div>
              </div>
          </div>
      </div>

      <!--已过期-->
      <div class="model_2">
          <div class="model_1_1">
              <div class="model_1_1_title">¥
                <div class="model_1_1_title1">
                  200
                </div>
              </div>
              <div class="model_1_1_msg">满¥
                <div class="model_1_1_msg1">
                  600
                </div>
                <div class="model_1_1_msg1">
                  可用
                </div>
              </div>
          </div>
          <div class="model_1_2">
            <div class="model_1_2_1">
              <div class="model_1_2_old">
                  已过期
              </div>
            </div>
              <div class="model_1_2_title_old">
                全场通用优惠券
              </div>
              <div class="model_1_2_time">
                有效期
                <div class="model_1_2_time1">
                  2019.07.09-2019.08.09
                </div>
              </div>
          </div>
      </div>

      <!--包邮券-->
      <div class="model_1">
          <div class="model_1_1">
              <div class="model_1_1_baoyou">
                包邮券
              </div>
          </div>
          <div class="model_1_2">
              <div class="model_1_2_1">

              </div>
              <div class="model_1_2_title_old">
                全场通用包邮券
              </div>
              <div class="model_1_2_time">
                有效期
                <div class="model_1_2_time1">
                  2019.07.09-2019.08.09
                </div>
              </div>
          </div>
      </div>

      <!--包邮卷已过期-->
      <div class="model_2">
          <div class="model_1_1">
              <div class="model_1_1_baoyou">
                包邮券
              </div>
          </div>
          <div class="model_1_2">
              <div class="model_1_2_1">
                <div class="model_1_2_old">
                    已过期
                </div>
              </div>
              <div class="model_1_2_title_old">
                全场通用包邮券
              </div>
              <div class="model_1_2_time">
                有效期
                <div class="model_1_2_time1">
                  2019.07.09-2019.08.09
                </div>
              </div>
          </div>
      </div>
    </div>
  </body>
  <script type="text/javascript" src="../../script/api.js"></script>
  <script type="text/javascript" src="../../script/vue.js"></script>
  <script type="text/javascript" src="../../script/common.js"></script>
  <script type="text/javascript">
      var vm = new Vue({
          el: '#app',
          data: {

          },
          methods: {

              init: function() {

              },
          }
      });


      weihankeji = function() {

      }
  </script>
</html>
